<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
  <head>
    <title>Grab-a-Bike!</title>
    <link rel="stylesheet" type="text/css" href="css/reset.css" />
    <link rel="stylesheet" type="text/css" href="css/main.css" />
    <link rel="shortcut icon" type="image/x-icon" href="favicon.ico">
    <script src="http://www.google.com/jsapi"></script>
    <script>
    	// Load jQuery
    	google.load("jquery", "1.4.1");
    	google.load("jqueryui", "1.7.2");
    </script>
    <script src="javascript/main.js"></script>
  </head>
  <body>
    <div id="pageWrapper">
      <a href="/"><div id="headerLink">&nbsp;</div></a>
      <div id="bodyWrapper">
        <div id="contentWrapper">
          <div id="contentBox">
            <div id="navMenu">
              <a href="/"><div class="navMenuHover home">&nbsp;</div></a>
              <div class="navMenuHover projectSelected">&nbsp;</div>
              &nbsp;
            </div>
            <div class="article">
              <p class="header"><img src="images/labels/vision.png" width="201" height="40"></p>
              <noscript><span id="javascript">Please enable JavaScript!</span></noscript>
              <div class="articleHeader">
                Since we are still in the planning phases of development, our designs are constantly changing.
                Explore the images below to get a feel for the direction we are heading.
                <div id="pictureFrame">
                  <div class="picture 1">
                    <div class="pictureCaption process">
                      <div class="pictureCaptionBackground">&nbsp;</div>
                      <div class="pictureCaptionText">
                        The user experience will be as convenient and straight-forward as possible.<br>
                      </div>
                    </div>
                    <img src="images/inline/process.png" width="420" height="269"><br>
                  </div>
                  <div class="picture 2">
                    <div class="pictureCaption terminal">
                      <div class="pictureCaptionBackground">&nbsp;</div>
                      <div class="pictureCaptionText">
                        The stations will be energy self-sufficient through solar panels.
                      </div>
                    </div>
                    <img src="images/inline/terminal.png" width="419" height="236"><br>
                  </div>
                  <div class="picture 3">
                    <div class="pictureCaption truck">
                      <div class="pictureCaptionBackground">&nbsp;</div>
                      <div class="pictureCaptionText">
                        The stations will be modular and easy to transport if needed.
                      </div>
                    </div>
                    <img src="images/inline/truck.jpg" width="419" height="244"><br>
                  </div>
                  <div id="pictureNext">next</div>
                </div>
              </div>
<!--              <div class="articleFooter">
              </div>
              <div class="readMore">read more<div class="readMoreShadow">&nbsp;</div></div>-->
            </div>
          </div>
          <div id="contentFooter">
            <div id="contactBox">contact: <a href="mailto:info@grababikeuiuc.com">info@grababikeuiuc.com</a></div>
          </div>
        </div>
        <div id="updatesWrapper">
          <div id="twitter">
            <a target="_blank" href="http://www.twitter.com/grababikeuiuc"><img src="images/labels/twitter_connect.png"></a>
          </div>
          <div class="updatesSeperator">&nbsp;</div>
          <!--<div class="updatesBorder">
            <div class="updatesBox">
              hi
            </div>
          </div>
          <div class="updatesSeperator">&nbsp;</div>-->
          <?php include("retrieve.php"); ?>
          <div id="updatesFooter">&nbsp;</div>
        </div>
      </div>
    </div>
    <script type="text/javascript">
      var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
      document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
    </script>
    <script type="text/javascript">
      try {
      var pageTracker = _gat._getTracker("UA-13121853-1");
      pageTracker._trackPageview();
      } catch(err) {}
    </script>
    </body>
</html>
<!-- http://www.facebook.com/pages/BSharing-UIUC/275376020871 -->
